<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>合规信用数据报表</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/product.css">
	<style>
    	.content-table-two{
			width: 1080px;
		}
		.content-table-two tbody tr td {
		    max-width: 300px;
		    min-width: 30px;
		    line-height: 30px;
		    color: #4d5971;
		    border: 1px solid #ecf2f7;
		    padding:12px;
		    text-align: center;
		}
		.content-btn{
			border-top: 1px dashed #e6e6e6;
			padding-top: 20px;
			padding-bottom: 5px;
		}
		.export-btn{
			float: left;
			margin-top: 0px;
		}
		.content-form ul li > .laydate-icon{
		    padding-left: 12px !important;
		}
		.choose-val{
			margin: 16px;
			position: relative;
		}
		.choose-val input{
			width: 200px;
		    height: 30px;
		    border: 1px solid #ecf2f7;
		    background: url(images/select-down.png)no-repeat right;
		    border-radius: 14px;
		    padding-left: 12px;
		    box-sizing: border-box;
		    outline: none;
		}
		.choose-val .choose-select{
			display: none;
			width: 200px;
		    position: absolute;
		    left: 70px;
		    background: #fff;
		    border: 1px solid #e6e6e6;
		    border-radius: 6px;
		    padding: 12px;
		    box-sizing: border-box;
		}
		.choose-val .choose-select li a{
			width: 100%;
		    line-height: 30px;
		    display: inline-block;
		    padding-left: 6px;
		    box-sizing: border-box;
		}
		.choose-select li a:hover{
			color:#fff;
			background: #326EF7;
		}		
	</style>
</head>
<body>
	<div class="main-content">
		<div class="main-bg">
			<p class="content-title">合规信用数据报表</p>
			<div class="choose-val">
				<span class="text-name">报表类型：</span><input class="click-input" readonly="readonly" type="text" placeholder="团队关联扣分记录表">
				<ul class="choose-select"> 
					<li value="0"><a href="complianceCredit.html">违规扣分总表</a></li>
					<li value="1"><a href="complianceCredit-1.html">个人违规扣分记录表</a></li>
					<li value="2"><a href="complianceCredit-2.html">个人合规评分表</a></li>
					<li value="3"><a href="complianceCredit-3.html">团队关联扣分记录表</a></li>
					<li value="4"><a href="complianceCredit-4.html">团队合规评分表</a></li>
					<li value="5"><a href="complianceCredit-5.html">营业部关联扣分记录表</a></li>
					<li value="6"><a href="complianceCredit-6.html">营业部规评分表</a></li>
					<li value="7"><a href="complianceCredit-7.html">大区关联扣分记录表</a></li>
					<li value="8"><a href="complianceCredit-8.html">大区合规评分表</a></li>
				</ul>
			</div>
			<div class="content-form">
				<ul>
					<li><span class="text-name">员工：</span><input class="indexInput" readonly="readonly" onclick="addingPeople()" type="text"></li>
					<li><span class="text-name">团队：</span><input class="indexInput" readonly="readonly" onclick="addingTeam()" type="text"></li>
					<li><span class="text-name">检查时间：</span><input id="data-time" class="laydate-icon" type="text">&nbsp;-&nbsp;<input id="data-time1" class="laydate-icon" type="text"></li>
					<li><button class="btn-style-two">搜索</button></li>
				</ul>
			</div>
			<div class="content-list">
				<div class="info-list">
					<div class="content-btn">
						<button class="export-btn clearfix">导出</button>
					</div>
					<table class="content-table-two matop" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td>检查时间</td>
								<td>违规人员</td>
								<td>工号</td>
								<td>违规类别</td>
								<td>违规情形</td>
								<td>大区</td>
								<td>团队</td>
								<td>团队扣分</td>
								<td>备注</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td style="width:120px;">2017-10-10</td>
								<td style="width:60px;">若涵</td>
								<td style="width:90px;">HGG4566</td>
								<td style="width:80px;">一般营销违规</td>
								<td style="width:180px;">公开推介、宣传误导、宣传不合规信息及其他</td>
								<td style="width:125px;">中南</td>
								<td style="width:125px;">中南第五营业部理财1部</td>
								<td style="width:80px;">1.55</td>
								<td style="width:125px;">朋友圈发送3号业务</td>
							</tr>
							<tr>
								<td style="width:120px;">2017-10-10</td>
								<td style="width:60px;">若涵</td>
								<td style="width:90px;">HGG4566</td>
								<td style="width:80px;">一般营销违规</td>
								<td style="width:180px;">公开推介、宣传误导、宣传不合规信息及其他</td>
								<td style="width:125px;">中南</td>
								<td style="width:125px;">中南第五营业部理财1部</td>
								<td style="width:80px;">1.55</td>
								<td style="width:125px;">朋友圈发送3号业务</td>
							</tr>
							<tr>
								<td style="width:120px;">2017-10-10</td>
								<td style="width:60px;">若涵</td>
								<td style="width:90px;">HGG4566</td>
								<td style="width:80px;">一般营销违规</td>
								<td style="width:180px;">公开推介、宣传误导、宣传不合规信息及其他</td>
								<td style="width:125px;">中南</td>
								<td style="width:125px;">中南第五营业部理财1部</td>
								<td style="width:80px;">1.55</td>
								<td style="width:125px;">朋友圈发送3号业务</td>
							</tr>
							<tr>
								<td style="width:120px;">2017-10-10</td>
								<td style="width:60px;">若涵</td>
								<td style="width:90px;">HGG4566</td>
								<td style="width:80px;">一般营销违规</td>
								<td style="width:180px;">公开推介、宣传误导、宣传不合规信息及其他</td>
								<td style="width:125px;">中南</td>
								<td style="width:125px;">中南第五营业部理财1部</td>
								<td style="width:80px;">1.55</td>
								<td style="width:125px;">朋友圈发送3号业务</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="table-pages clearfix">
			<ul class="pages-list">
				<li><a href=""><</a></li>
				<li><a class="menu-active" href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">...</a></li>
				<li><a href="">20</a></li>
				<li><a href="">></a></li>
			</ul>
		</div>
	</div>

	<script src="js/jquery-1.12.0.min.js"></script>
	<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
	<script src="lib/rili/laydate.dev.js"></script>
    <script type="text/javascript">
        $(document).ready(function (){//新增
			var eventStart = {  
			        elem: '#data-time',  
			        format: 'YYYY/MM/DD',  
			        min: laydate.now(), 
			        max: '2099-06-16',  
			        istime: true,  
			        istoday: true,  
			        start: laydate.now(0,"YYYY-MM-DD"),  
			        choose: function(enddatas){  
			        	/* activityStart.max = enddatas; //结束日选好后，重置开始日的最大日期  
			        	activity_end_time=enddatas; */
			        }  
			    };
			var eventEnd = {  
			        elem: '#data-time1',  
			        format: 'YYYY/MM/DD',  
			        min: laydate.now(), 
			        max: '2099-06-16',  
			        istime: true,  
			        istoday: true,  
			        start: laydate.now(0,"YYYY-MM-DD"),  
			        choose: function(enddatas){  
			        	/* activityStart.max = enddatas; //结束日选好后，重置开始日的最大日期  
			        	activity_end_time=enddatas; */
			        }  
			    };
			laydate(eventStart);
			laydate(eventEnd);
		 });

		$('.click-input').on('click',function(){
			var _parent_ul=$(this).parent('.choose-val').find('.choose-select');
			_parent_ul.toggle();
			_parent_ul.on('mouseover',function(){
				$(this).show();
			}).on('mouseout',function(){
				$(this).hide();
			});
		});

		function addingPeople(){
				  parent.layer.open({
			      type: 2,
			      title: '员工搜索',
			      shadeClose: true,
			      shade: 0.2,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['870px', '400px'],
			      content: 'addingPeople.html'
			});
		}
		function addingTeam(){
				  parent.layer.open({
			      type: 2,
			      title: '团队搜索',
			      shadeClose: true,
			      shade: 0.2,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['870px', '400px'],
			      content: 'addingTeam.html'
			});
		}
	</script>
</body>
</html>